<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>index</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link
     href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"
     rel="stylesheet" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script
     src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js">
     
</script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
     src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js">
     
</script>
</head>
<body>
     <form id="form1" class="well"
          style="width: 30em; margin: auto; margin-top: 150px;">
          <h3>用户登录</h3>
          <div class=" input-group input-group-md">
              <span class="input-group-addon" id="sizing-addon1"><i
                   class="glyphicon glyphicon-user" aria-hidden="true"></i></span> <input
                   id="userName" type="text" class="form-control" placeholder="用户名(邮箱)"
                   aria-describedby="sizing-addon1" />
          </div>
          <br />
          <div class="input-group input-group-md">
              <span class="input-group-addon" id="sizing-addon1"><i
                   class="glyphicon glyphicon-lock" aria-hidden="true"></i></span> <input type="password"
                   id="password" class="form-control" placeholder="密码"
                   aria-describedby="sizing-addon1" />
          </div>
		  </br>
     <!--     <div class="well well-sm" style="text-align: center;">
              <input  type="radio" name="kind" value="tea" /> 管理员 <input
                    type="radio" name="kind" value="stu" /> 学生
          </div>
	  -->
          <button type="button" class="btn btn-success btn-block">登录</button>
		  <a class="btn btn-sm btn-white btn-block" style="text-align: right;" th:href="@{register}" href="register.html"><h6>还没有账户？前往注册</h6></a>
     </form>
     <script>
          $("#form1").on("click",".btn",function(e){
              var email = $("#userName").val();
              var password=$("#password").val();
              $.ajax({
                   url:"http://www.test.com/api/user/login",
                   type:"post",
                   data:{"email":email,"password":password},
                   dataType:"text",
                   success:function(result){
                        if("yes"==result){
                             window.location.href = "http://www.test.com/static/welcome.html";
                        }else{
                             alert(result);
                        }
                   }
              })
          })
     </script>
</body>
</html>